<!-- part1-html简介和框架 -->
<!-- 快捷注释vscode ctrl+/ -->
<!DOCTYPE html>
<!-- DOCTYPE声明，位于文档的最前面，标签之前，
  避免了怪异问题（同样的代码在不同的浏览器渲染出不同的效果）-->


<html lang="en">
    <!-- 限定了开始和结束 -->

<head>
  <!--head标签用于定义文档的头部，文档的头部描述了文档的各种属性和信息 -->
  <!-- 给浏览器、开发者看的，不是给用户看的 -->
  <meta charset="UTF-8">
  <!-- meta描述一个html网页文档的属性、关键词 -->
  <!-- meta是单标签 utf-8是编码格式-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <!-- tile定义了文档的标题 -->
    <!-- 显示在浏览器窗口的标题栏或者状态栏上 -->
    <!-- 是<head>标签中唯一必须要求包含的东西，必须写 -->
      <!-- title的增加有利于SEO优化 -->
      <!-- SEO:搜索引擎 seo优化做的好排名搞-->
  <title>
    这是web的第一课
  </title>
</head>

<body>
  <!-- body标签定义文档的主体 （文本、超链接、图像）直接显示出来-->
  <!-- 包含文档的所有内容，可以直接在页面中显示出来 -->
  <h1 align="left">2222</h1>
  <h2 align="center">222</h2>
  <h3 align="right">222</h3>
  <p>我是一个段落标签</p>
  <p>如果希望不产生一个新段落的情况下进行换行</p>
  <!-- 
  段落（p）
  换行（br）
  水平线（hr） 
  -->
</body>

</html>